<div class="item"
	 data-bind="css: {
			'selected': selected(),
			'checked': checked(),
			'deleted': deleted(),
			'unseen': unseen(),
			'pending': state() === Enums.HelpdeskThreadStates.Pending,
			'resolved': state() === Enums.HelpdeskThreadStates.Resolved,
			'waiting': state() === Enums.HelpdeskThreadStates.Waiting,
			'deferred': state() === Enums.HelpdeskThreadStates.Deferred,
			'answered': state() === Enums.HelpdeskThreadStates.Answered
		 }">
	<div class="item_content">
		<span class="data">
			<span class="state" data-bind="text: printableState()"></span>
			<span class="title from" data-bind="text: sFrom"></span>
			<span class="separator"></span>
			<span class="date" data-bind="text: sDate"></span>
			<span class="subtitle subject" data-bind="text: sSubject"></span>
		</span>
		<div class="separator"></div>
	</div>
</div>
